<!DOCTYPE html>
<!--
Copyright 2012 Mozilla Foundation

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Adobe CMap resources are covered by their own copyright but the same license:

    Copyright 1990-2015 Adobe Systems Incorporated.

See https://github.com/adobe-type-tools/cmap-resources
-->
<html dir="ltr" mozdisallowselectionprint>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
    <meta content="notranslate" name="google">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <title>PDF.js viewer</title>


    <link href="viewer.css" rel="stylesheet">


    <!-- This snippet is used in production (included from viewer.html) -->
    <link href="locale/locale.properties" rel="resource" type="application/l10n">
    <script src="../build/pdf.js"></script>


    <script src="viewer.js"></script>

</head>

<body class="loadingInProgress" tabindex="1">
<div id="outerContainer">

    <div id="sidebarContainer">
        <div id="toolbarSidebar">
            <div class="splitToolbarButton toggled">
                <button class="toolbarButton toggled" data-l10n-id="thumbs" id="viewThumbnail" tabindex="2"
                        title="Show Thumbnails">
                    <span data-l10n-id="thumbs_label">Thumbnails</span>
                </button>
                <button class="toolbarButton" data-l10n-id="document_outline"
                        id="viewOutline" tabindex="3"
                        title="Show Document Outline (double-click to expand/collapse all items)">
                    <span data-l10n-id="document_outline_label">Document Outline</span>
                </button>
                <button class="toolbarButton" data-l10n-id="attachments" id="viewAttachments" tabindex="4"
                        title="Show Attachments">
                    <span data-l10n-id="attachments_label">Attachments</span>
                </button>
            </div>
        </div>
        <div id="sidebarContent">
            <div id="thumbnailView">
            </div>
            <div class="hidden" id="outlineView">
            </div>
            <div class="hidden" id="attachmentsView">
            </div>
        </div>
        <div class="hidden" id="sidebarResizer"></div>
    </div>  <!-- sidebarContainer -->

    <div id="mainContainer">
        <div class="findbar hidden doorHanger" id="findbar">
            <div id="findbarInputContainer">
                <input class="toolbarField" data-l10n-id="find_input" id="findInput" placeholder="Find in document…" tabindex="91"
                       title="Find">
                <div class="splitToolbarButton">
                    <button class="toolbarButton findPrevious" data-l10n-id="find_previous"
                            id="findPrevious" tabindex="92"
                            title="Find the previous occurrence of the phrase">
                        <span data-l10n-id="find_previous_label">Previous</span>
                    </button>
                    <div class="splitToolbarButtonSeparator"></div>
                    <button class="toolbarButton findNext" data-l10n-id="find_next" id="findNext"
                            tabindex="93" title="Find the next occurrence of the phrase">
                        <span data-l10n-id="find_next_label">Next</span>
                    </button>
                </div>
            </div>

            <div id="findbarOptionsOneContainer">
                <input class="toolbarField" id="findHighlightAll" tabindex="94" type="checkbox">
                <label class="toolbarLabel" data-l10n-id="find_highlight" for="findHighlightAll">Highlight all</label>
                <input class="toolbarField" id="findMatchCase" tabindex="95" type="checkbox">
                <label class="toolbarLabel" data-l10n-id="find_match_case_label" for="findMatchCase">Match case</label>
            </div>
            <div id="findbarOptionsTwoContainer">
                <input class="toolbarField" id="findEntireWord" tabindex="96" type="checkbox">
                <label class="toolbarLabel" data-l10n-id="find_entire_word_label" for="findEntireWord">Whole
                    words</label>
                <span class="toolbarLabel hidden" id="findResultsCount"></span>
            </div>

            <div id="findbarMessageContainer">
                <span class="toolbarLabel" id="findMsg"></span>
            </div>
        </div>  <!-- findbar -->

        <div class="secondaryToolbar hidden doorHangerRight" id="secondaryToolbar">
            <div id="secondaryToolbarButtonContainer">
                <button class="secondaryToolbarButton presentationMode visibleLargeView" data-l10n-id="presentation_mode"
                        id="secondaryPresentationMode" tabindex="51" title="Switch to Presentation Mode">
                    <span data-l10n-id="presentation_mode_label">Presentation Mode</span>
                </button>

                <button class="secondaryToolbarButton openFile visibleLargeView" data-l10n-id="open_file"
                        id="secondaryOpenFile" tabindex="52" title="Open File">
                    <span data-l10n-id="open_file_label">Open</span>
                </button>

                <button class="secondaryToolbarButton print visibleMediumView" data-l10n-id="print" id="secondaryPrint"
                        tabindex="53" title="Print">
                    <span data-l10n-id="print_label">Print</span>
                </button>

                <button class="secondaryToolbarButton download visibleMediumView" data-l10n-id="download"
                        id="secondaryDownload" tabindex="54" title="Download">
                    <span data-l10n-id="download_label">Download</span>
                </button>

                <a class="secondaryToolbarButton bookmark visibleSmallView" data-l10n-id="bookmark" href="#"
                   id="secondaryViewBookmark" tabindex="55" title="Current view (copy or open in new window)">
                    <span data-l10n-id="bookmark_label">Current View</span>
                </a>

                <div class="horizontalToolbarSeparator visibleLargeView"></div>

                <button class="secondaryToolbarButton firstPage" data-l10n-id="first_page" id="firstPage" tabindex="56"
                        title="Go to First Page">
                    <span data-l10n-id="first_page_label">Go to First Page</span>
                </button>
                <button class="secondaryToolbarButton lastPage" data-l10n-id="last_page" id="lastPage" tabindex="57"
                        title="Go to Last Page">
                    <span data-l10n-id="last_page_label">Go to Last Page</span>
                </button>

                <div class="horizontalToolbarSeparator"></div>

                <button class="secondaryToolbarButton rotateCw" data-l10n-id="page_rotate_cw" id="pageRotateCw" tabindex="58"
                        title="Rotate Clockwise">
                    <span data-l10n-id="page_rotate_cw_label">Rotate Clockwise</span>
                </button>
                <button class="secondaryToolbarButton rotateCcw" data-l10n-id="page_rotate_ccw" id="pageRotateCcw"
                        tabindex="59" title="Rotate Counterclockwise">
                    <span data-l10n-id="page_rotate_ccw_label">Rotate Counterclockwise</span>
                </button>

                <div class="horizontalToolbarSeparator"></div>

                <button class="secondaryToolbarButton selectTool toggled" data-l10n-id="cursor_text_select_tool"
                        id="cursorSelectTool" tabindex="60" title="Enable Text Selection Tool">
                    <span data-l10n-id="cursor_text_select_tool_label">Text Selection Tool</span>
                </button>
                <button class="secondaryToolbarButton handTool" data-l10n-id="cursor_hand_tool" id="cursorHandTool"
                        tabindex="61" title="Enable Hand Tool">
                    <span data-l10n-id="cursor_hand_tool_label">Hand Tool</span>
                </button>

                <div class="horizontalToolbarSeparator"></div>

                <button class="secondaryToolbarButton scrollModeButtons scrollVertical toggled" data-l10n-id="scroll_vertical"
                        id="scrollVertical" tabindex="62" title="Use Vertical Scrolling">
                    <span data-l10n-id="scroll_vertical_label">Vertical Scrolling</span>
                </button>
                <button class="secondaryToolbarButton scrollModeButtons scrollHorizontal" data-l10n-id="scroll_horizontal"
                        id="scrollHorizontal" tabindex="63" title="Use Horizontal Scrolling">
                    <span data-l10n-id="scroll_horizontal_label">Horizontal Scrolling</span>
                </button>
                <button class="secondaryToolbarButton scrollModeButtons scrollWrapped" data-l10n-id="scroll_wrapped"
                        id="scrollWrapped" tabindex="64" title="Use Wrapped Scrolling">
                    <span data-l10n-id="scroll_wrapped_label">Wrapped Scrolling</span>
                </button>

                <div class="horizontalToolbarSeparator scrollModeButtons"></div>

                <button class="secondaryToolbarButton spreadModeButtons spreadNone toggled" data-l10n-id="spread_none"
                        id="spreadNone" tabindex="65" title="Do not join page spreads">
                    <span data-l10n-id="spread_none_label">No Spreads</span>
                </button>
                <button class="secondaryToolbarButton spreadModeButtons spreadOdd" data-l10n-id="spread_odd"
                        id="spreadOdd" tabindex="66"
                        title="Join page spreads starting with odd-numbered pages">
                    <span data-l10n-id="spread_odd_label">Odd Spreads</span>
                </button>
                <button class="secondaryToolbarButton spreadModeButtons spreadEven" data-l10n-id="spread_even"
                        id="spreadEven" tabindex="67"
                        title="Join page spreads starting with even-numbered pages">
                    <span data-l10n-id="spread_even_label">Even Spreads</span>
                </button>

                <div class="horizontalToolbarSeparator spreadModeButtons"></div>

                <button class="secondaryToolbarButton documentProperties" data-l10n-id="document_properties"
                        id="documentProperties" tabindex="68" title="Document Properties…">
                    <span data-l10n-id="document_properties_label">Document Properties…</span>
                </button>
            </div>
        </div>  <!-- secondaryToolbar -->

        <div class="toolbar">
            <div id="toolbarContainer">
                <div id="toolbarViewer">
                    <div id="toolbarViewerLeft">
                        <button class="toolbarButton" data-l10n-id="toggle_sidebar" id="sidebarToggle" tabindex="11"
                                title="Toggle Sidebar">
                            <span data-l10n-id="toggle_sidebar_label">Toggle Sidebar</span>
                        </button>
                        <div class="toolbarButtonSpacer"></div>
                        <button class="toolbarButton" data-l10n-id="findbar" id="viewFind" tabindex="12"
                                title="Find in Document">
                            <span data-l10n-id="findbar_label">Find</span>
                        </button>
                        <div class="splitToolbarButton hiddenSmallView">
                            <button class="toolbarButton pageUp" data-l10n-id="previous" id="previous" tabindex="13"
                                    title="Previous Page">
                                <span data-l10n-id="previous_label">Previous</span>
                            </button>
                            <div class="splitToolbarButtonSeparator"></div>
                            <button class="toolbarButton pageDown" data-l10n-id="next" id="next" tabindex="14"
                                    title="Next Page">
                                <span data-l10n-id="next_label">Next</span>
                            </button>
                        </div>
                        <input class="toolbarField pageNumber" data-l10n-id="page" id="pageNumber" min="1" size="4"
                               tabindex="15" title="Page" type="number" value="1">
                        <span class="toolbarLabel" id="numPages"></span>
                    </div>
                    <div id="toolbarViewerRight">
                        <button class="toolbarButton presentationMode hiddenLargeView" data-l10n-id="presentation_mode"
                                id="presentationMode" tabindex="31" title="Switch to Presentation Mode">
                            <span data-l10n-id="presentation_mode_label">Presentation Mode</span>
                        </button>

                        <button class="toolbarButton openFile hiddenLargeView" data-l10n-id="open_file" id="openFile"
                                tabindex="32" title="Open File">
                            <span data-l10n-id="open_file_label">Open</span>
                        </button>

                        <button class="toolbarButton print hiddenMediumView" data-l10n-id="print" id="print" tabindex="33"
                                title="Print">
                            <span data-l10n-id="print_label">Print</span>
                        </button>

                        <button class="toolbarButton download hiddenMediumView" data-l10n-id="download" id="download"
                                tabindex="34" title="Download">
                            <span data-l10n-id="download_label">Download</span>
                        </button>
                        <a class="toolbarButton bookmark hiddenSmallView" data-l10n-id="bookmark" href="#"
                           id="viewBookmark" tabindex="35" title="Current view (copy or open in new window)">
                            <span data-l10n-id="bookmark_label">Current View</span>
                        </a>

                        <div class="verticalToolbarSeparator hiddenSmallView"></div>

                        <button class="toolbarButton" data-l10n-id="tools" id="secondaryToolbarToggle" tabindex="36"
                                title="Tools">
                            <span data-l10n-id="tools_label">Tools</span>
                        </button>
                    </div>
                    <div id="toolbarViewerMiddle">
                        <div class="splitToolbarButton">
                            <button class="toolbarButton zoomOut" data-l10n-id="zoom_out" id="zoomOut" tabindex="21"
                                    title="Zoom Out">
                                <span data-l10n-id="zoom_out_label">Zoom Out</span>
                            </button>
                            <div class="splitToolbarButtonSeparator"></div>
                            <button class="toolbarButton zoomIn" data-l10n-id="zoom_in" id="zoomIn" tabindex="22"
                                    title="Zoom In">
                                <span data-l10n-id="zoom_in_label">Zoom In</span>
                            </button>
                        </div>
                        <span class="dropdownToolbarButton" id="scaleSelectContainer">
                  <select data-l10n-id="zoom" id="scaleSelect" tabindex="23" title="Zoom">
                    <option data-l10n-id="page_scale_auto" id="pageAutoOption" selected="selected" title=""
                            value="auto">Automatic Zoom</option>
                    <option data-l10n-id="page_scale_actual" id="pageActualOption" title="" value="page-actual">Actual Size</option>
                    <option data-l10n-id="page_scale_fit" id="pageFitOption" title="" value="page-fit">Page Fit</option>
                    <option data-l10n-id="page_scale_width" id="pageWidthOption" title=""
                            value="page-width">Page Width</option>
                    <option disabled="disabled" hidden="true" id="customScaleOption" title="" value="custom"></option>
                    <option data-l10n-args='{ "scale": 50 }' data-l10n-id="page_scale_percent" title=""
                            value="0.5">50%</option>
                    <option data-l10n-args='{ "scale": 75 }' data-l10n-id="page_scale_percent" title=""
                            value="0.75">75%</option>
                    <option data-l10n-args='{ "scale": 100 }' data-l10n-id="page_scale_percent" title=""
                            value="1">100%</option>
                    <option data-l10n-args='{ "scale": 125 }' data-l10n-id="page_scale_percent" title="" value="1.25">125%</option>
                    <option data-l10n-args='{ "scale": 150 }' data-l10n-id="page_scale_percent" title="" value="1.5">150%</option>
                    <option data-l10n-args='{ "scale": 200 }' data-l10n-id="page_scale_percent" title=""
                            value="2">200%</option>
                    <option data-l10n-args='{ "scale": 300 }' data-l10n-id="page_scale_percent" title=""
                            value="3">300%</option>
                    <option data-l10n-args='{ "scale": 400 }' data-l10n-id="page_scale_percent" title=""
                            value="4">400%</option>
                  </select>
                </span>
                    </div>
                </div>
                <div id="loadingBar">
                    <div class="progress">
                        <div class="glimmer">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <menu id="viewerContextMenu" type="context">
            <menuitem data-l10n-id="first_page" id="contextFirstPage"
                      label="First Page"></menuitem>
            <menuitem data-l10n-id="last_page" id="contextLastPage"
                      label="Last Page"></menuitem>
            <menuitem data-l10n-id="page_rotate_cw" id="contextPageRotateCw"
                      label="Rotate Clockwise"></menuitem>
            <menuitem data-l10n-id="page_rotate_ccw" id="contextPageRotateCcw"
                      label="Rotate Counter-Clockwise"></menuitem>
        </menu>

        <div id="viewerContainer" tabindex="0">
            <div class="pdfViewer" id="viewer"></div>
        </div>

        <div hidden='true' id="errorWrapper">
            <div id="errorMessageLeft">
                <span id="errorMessage"></span>
                <button data-l10n-id="error_more_info" id="errorShowMore">
                    More Information
                </button>
                <button data-l10n-id="error_less_info" hidden='true' id="errorShowLess">
                    Less Information
                </button>
            </div>
            <div id="errorMessageRight">
                <button data-l10n-id="error_close" id="errorClose">
                    Close
                </button>
            </div>
            <div class="clearBoth"></div>
            <textarea hidden='true' id="errorMoreInfo" readonly="readonly"></textarea>
        </div>
    </div> <!-- mainContainer -->

    <div class="hidden" id="overlayContainer">
        <div class="container hidden" id="passwordOverlay">
            <div class="dialog">
                <div class="row">
                    <p data-l10n-id="password_label" id="passwordText">Enter the password to open this PDF file:</p>
                </div>
                <div class="row">
                    <input class="toolbarField" id="password" type="password">
                </div>
                <div class="buttonRow">
                    <button class="overlayButton" id="passwordCancel"><span data-l10n-id="password_cancel">Cancel</span>
                    </button>
                    <button class="overlayButton" id="passwordSubmit"><span data-l10n-id="password_ok">OK</span>
                    </button>
                </div>
            </div>
        </div>
        <div class="container hidden" id="documentPropertiesOverlay">
            <div class="dialog">
                <div class="row">
                    <span data-l10n-id="document_properties_file_name">File name:</span>
                    <p id="fileNameField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_file_size">File size:</span>
                    <p id="fileSizeField">-</p>
                </div>
                <div class="separator"></div>
                <div class="row">
                    <span data-l10n-id="document_properties_title">Title:</span>
                    <p id="titleField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_author">Author:</span>
                    <p id="authorField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_subject">Subject:</span>
                    <p id="subjectField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_keywords">Keywords:</span>
                    <p id="keywordsField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_creation_date">Creation Date:</span>
                    <p id="creationDateField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_modification_date">Modification Date:</span>
                    <p id="modificationDateField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_creator">Creator:</span>
                    <p id="creatorField">-</p>
                </div>
                <div class="separator"></div>
                <div class="row">
                    <span data-l10n-id="document_properties_producer">PDF Producer:</span>
                    <p id="producerField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_version">PDF Version:</span>
                    <p id="versionField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_page_count">Page Count:</span>
                    <p id="pageCountField">-</p>
                </div>
                <div class="row">
                    <span data-l10n-id="document_properties_page_size">Page Size:</span>
                    <p id="pageSizeField">-</p>
                </div>
                <div class="separator"></div>
                <div class="row">
                    <span data-l10n-id="document_properties_linearized">Fast Web View:</span>
                    <p id="linearizedField">-</p>
                </div>
                <div class="buttonRow">
                    <button class="overlayButton" id="documentPropertiesClose"><span
                            data-l10n-id="document_properties_close">Close</span></button>
                </div>
            </div>
        </div>
        <div class="container hidden" id="printServiceOverlay">
            <div class="dialog">
                <div class="row">
                    <span data-l10n-id="print_progress_message">Preparing document for printing…</span>
                </div>
                <div class="row">
                    <progress max="100" value="0"></progress>
                    <span class="relative-progress" data-l10n-args='{ "progress": 0 }'
                          data-l10n-id="print_progress_percent">0%</span>
                </div>
                <div class="buttonRow">
                    <button class="overlayButton" id="printCancel"><span
                            data-l10n-id="print_progress_close">Cancel</span></button>
                </div>
            </div>
        </div>
    </div>  <!-- overlayContainer -->

</div> <!-- outerContainer -->
<div id="printContainer"></div>
</body>
</html>

